.newBox {
    margin: 0;

    .placeholder {
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
        padding: 10px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }
}

.hotBoxContent {
    .type_0 {
        padding: 20px;
        border-radius: 5px;
        border: 1px solid;
        margin-bottom: 10px;
    }

    .type_0 .title {
        overflow: hidden;
    }

    .type_0 .title .headerImg {
        width: 50px;
        height: 50px;
        float: left;
    }

    .type_0 .title .headerImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .type_0 .title .nick {
        float: left;
    }

    .type_0 .title .focusOn {
        float: right;
    }

    .more {
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        cursor: pointer;
    }

    .more:hover {
        color: @theme-color  !important;
    }

    .final {
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        color: #999 !important;
    }
}